<template>
  <div class="aboitUs">
 <div class="w">
      <!-- 关于我们 -->
    <h3><i class="iconfont icon-home-full"></i>关于我们</h3>
    <div class="content">
      <div v-for="item in pagesList" :key="item.id" class="item">
        <h4>{{ item.title }}</h4>
        <div class="article" >
          <!-- 内容 -->
          <span>
            锡红光标牌有限公司是一家集研发、
            生产、销售和服务于一体的专业标牌生产厂家。注册资金500万人民币。主要生产塑料基材、软塑透明树脂、金属、模内复合等标牌产品，洗衣机顶盖板总成，平衡板，以及塑印、彩印、顶盖板、吸音垫等产品。公司位于长江三角洲经济快速增长、风景秀丽的太湖之畔——无锡。
            公司自1984年成立至今，已经过了3次跨越式的发展。2004年至今公司投入5000多万元资金建设新的生产基地，目前已竣工并投入生产，占地面积达40000m2，厂房面积近15000m2。公司2004年的年产值达4350多万元，并且每年以平均30%的速度快速增长。目前，本公司的产品已具备国际及国内多项质量认证证书，并为知名家用电器企业：小天鹅电器有限公司、三星电子有限公司、海尔集团、惠尔普等配套生产各类标牌。可以说客户是我们的老师，和他们合作使我们得到很多的学习机会来提高自身的技术水平和管理水平，是我们生产和发展的动力。
            公司本着“千方百计生产出满足顾客期望和要求的产品”的宗旨，坚持“工厂出产的不仅仅是产品，更重要的是信誉和质量”的经营理念，不断吸收新技术、引进新设备，使公司的经济效益蒸蒸日上。相信公司将会永不停止探索和发展的脚步，和中国国内以及世界国际性大公司同步发展。 </span
          ><br>
          <div class="time"
            >&nbsp;时间&nbsp;:&nbsp;{{ item.updated_at | fliter }}</div>
        </div>
      </div>
    </div>
 </div>
  </div>
</template>

<script>
import { pages } from "@/api/home";
export default {
  data() {
    return {
      pagesList: {},
    };
  },
  async created() {
    const res = await pages();
    console.log("页面管理", res);
    this.pagesList = res.data;
  },
};
</script>

<style lang="less" scoped>
.w{
   margin: 0 auto;
  width: 1226px;
}
.aboitUs{
 background-color: #ebeef53b;
}

.content {
  position: relative;
    top: 0;
    left: 0;
  width: 80%;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;

  border-radius: 5px;
  .item {
    width: 80%;
    margin: 20px auto;
    padding: 10px 0px;

    background-color: #fafbfd;
    /* border: 1px solid skyblue; */
    border-radius: 12px;
    margin-top: 10px;
    color: #000;
    h4 {
      margin: 5px;
      padding: 15px;
    }
     .article{
       width: 100%;
       overflow: hidden;
       padding:  0px 20px;
       span{
         line-height: 1.5em;
       }
      .time {
        margin-right: 10px;
        float:right;
        font-size: 14px;
        color: #333;
      }
    }
  }

  .article {
    text-indent: 2em;
  }
}
h3 {
  color: skyblue;
  i {
    margin-right: 5px;
  }
}
</style>